import icon_line from '@/assets/images/icons/line.jpeg';
import icon_fb from '@/assets/images/icons/facebook.jpeg';

const Wrap = css.div`
  position: fixed;
  right: 0;
  bottom: 68px;
  width: 40px;
  height: 80spx;
  border-radius: 6px 0 0 6px;
  overflow: hidden;
  >a{
    display: block;
    width: 100%;
    height: auto;
    img{
      width: 100%;
      height: 100%;
    }
  }
`;

const Contact = ({ line, fb }) => {
  return (
    <Wrap>
      <a target="_blank" rel="noreferrer" href={line}>
        <img src={icon_line} alt="" />
      </a>
      <a target="_blank" rel="noreferrer" href={fb}>
        <img src={icon_fb} alt="" />
      </a>
    </Wrap>
  );
};

export default Contact;
